<template>
  <div class="video-container">
    <div class="video-info">
      <div>
        <span>1</span>
        <span style="margin-left: 10px;">渝G25531 852001</span>
      </div>
      <div>
        <span>21：23：11</span>
      </div>
    </div>
    <video class="video-detail" id="video1">
      <source src="">
    </video>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.video-container {
  height: 191px;
  background-color: #676767;
  position: relative;

  .video-info {
    display: flex;
    padding: 6px 10px;
    justify-content: space-between;
    background: rgba(0, 15, 25, 0.7);
    position: absolute;
    width: 100%;
    z-index: 10;
    color: #fff;
  }

  .video-detail {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
</style>